//登录
<template>
  <div>
    <div class="login" id="login">
      <a href="javascript:" class="log-close"><i class="icons close"></i></a>
      <div class="log-bg">
        <div class="log-cloud cloud1"></div>
        <div class="log-cloud cloud2"></div>
        <div class="log-cloud cloud3"></div>
        <div class="log-cloud cloud4"></div>
        <div class="log-logo">Welcome!</div>
        <div class="log-text">登录</div>
      </div>
      <div class="log-email">

      </div>
    </div>

  </div>
</template>

<script>
  //  import Loading from '../components/Loading.vue'
  export default {
    name: 'Login',
    data() {
      return {
        isLoging: false,
        ruleForm: {
          username: '',
          password: ''
        },
        rules: {
          username: [
            {required: true, message: '傻逼，你账号填了吗？', trigger: 'blur'},
            {min: 5, max: 15, message: '长度在 5 到 15 个字符', trigger: 'blur'}
          ],
          password: [
            {required: true, message: '傻逼，你密码填了吗？', trigger: 'blur'},
            {min: 6, max: 15, message: '长度在 6 到 15 个字符', trigger: 'blur'}
          ]
        }
      }
    },
    components: {},
    methods: {

    },
    mounted(){

    },
    beforeCreate(){
      this.$router.push('/index');
    }
  }
</script>

<style lang="less" scoped>
  @import "../../assets/css/login";
</style>
